@charset "utf-8";
/* CSS Document */

.section{width: 1140px;margin: 0 auto;}
.box1{width: 1100px;padding: 20px;background: #fff;height: 325px;margin-bottom: 20px;box-shadow:1px 1px 8px 1px #b8b8b8;}

.nav li a{ color: #0168b7; background: no-repeat center 11px;}
.nav li a:hover{color: #fff;}
.nav li a.nav1{background-image: url(2017_yd_index_nav001.png);}
.nav li a.nav2{background-image: url(2017_yd_index_nav002.png);}
.nav li a.nav3{background-image: url(2017_yd_index_nav003.png);}
.nav li a.nav4{background-image: url(2017_yd_index_nav004.png);}
.nav li a.nav5{background-image: url(2017_yd_index_nav005.png);}
.nav li a.nav6{background-image: url(2017_yd_index_nav006.png);}
.nav li a.nav7{background-image: url(2017_yd_index_nav007.png);}

.focus{width: 532px;height: 325px;overflow: hidden;position:relative;margin-right: 20px;}
.focus .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.focus .hd ul{ overflow:hidden; zoom:1; float:left;  }
.focus .hd ul li{ float:left; margin-right:5px;  width:9px; height:9px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 10px;}
.focus .hd ul li.on{ background:#cc0000; color:#fff; }
.focus .bd{ position:relative; height:100%; z-index:0;   }
.focus .bd li{ zoom:1; vertical-align:middle; position:relative;}
.focus .bd li p{position: absolute;left: 0;bottom: 0;width: 98%;padding-left: 2%;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: url(2017_yd_index_focuspic.png) no-repeat;}
.focus .bd img{ width:532px; height:325px; display:block;  }

.yd_news{width: 548px;height: 325px;overflow: hidden;}
.yd_title{width: 100%;height: 126px;}
.yd_title h2{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #c00;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family:Microsoft YaHei;}
.yd_title h2 a{color: #c00;}
.yd_title h2 a:hover{ text-decoration:underline;}
.yd_title p{width: 100%;line-height: 26px;font-size: 12px;}
.yd_title p a{font-size: 12px;color: #c00;text-decoration: none;}
.yd_title p a:hover{ text-decoration:underline;}
.yd_news .hd{ height:39px; line-height:39px; background:#f0f0f0;   border-bottom:1px solid #0168b7;  position:relative; }
.yd_news .hd ul{ float:left;  position:absolute; left:20px; height:9px;   }
.yd_news .hd ul li{ float:left;width: 96px; cursor:pointer;margin-right: 6px;text-align: center;}
.yd_news .hd ul li a{display: block;font-size: 16px;color: #333;text-decoration: none;}
.yd_news .hd ul li.on{ height:38px;  background:#fff; border:1px solid #0168b7; border-bottom:1px solid #fff; }
.yd_news .hd ul li.on a{font-weight: bold;color: #0168b7;}
.yd_news .bd ul{ width: 100%;margin-top: 12px;  zoom:1;  }
.yd_news .bd li{ height: 38px; line-height:38px; vertical-align: top;}
.yd_news .bd li a{ float: left;font-size: 14px;color: #333;}
.yd_news .bd li .date{ float:right; color:#999;font-size: 12px;}
.focus .hd ul li {text-indent: -99999px;}
.yd_news {position: relative; padding-top: 125px; height: 200px;}
.yd_title {position: absolute;left: 0;top: 0;}

.ztzl1{width: 100%;height: 80px;margin-bottom: 20px;box-shadow:1px 1px 8px 1px #b8b8b8;float: left;}
.ztzl1 a{display: block;}

.left_box{width: 520px;height: 456px;padding: 0 20px 20px 20px;background: #fff;box-shadow:1px 1px 8px 1px #b8b8b8;overflow: hidden;margin-right: 20px;}
.left_box p.fl{width: 100%;height: 67px;line-height: 67px;font-size: 12px;color: #0168b7;}
.left_box p.fl b{font-size: 24px;color: #333;padding-right: 5px;}
.zw_nav{width: 530px;height: 82px;}
.zw_nav li{width: 96px;height: 82px;margin-right: 10px;float: left;line-height: 110px;text-align: center;}
.zw_nav li a{font-size: 14px;color: #333;text-decoration: none;display: block;}
.zw_nav li a:hover{color: #fff;}
.zw_nav li.zw1{background: url(2017_yd_index_zw01.png) no-repeat;}
.zw_nav li.zw2{background: url(2017_yd_index_zw02.png) no-repeat;}
.zw_nav li.zw3{background: url(2017_yd_index_zw03.png) no-repeat;}
.zw_nav li.zw4{background: url(2017_yd_index_zw04.png) no-repeat;}
.zw_nav li.zw5{background: url(2017_yd_index_zw05.png) no-repeat;}
.zw_nav li.zw1:hover{background: url(2017_yd_index_zw1.png) no-repeat;}
.zw_nav li.zw2:hover{background: url(2017_yd_index_zw2.png) no-repeat;}
.zw_nav li.zw3:hover{background: url(2017_yd_index_zw3.png) no-repeat;}
.zw_nav li.zw4:hover{background: url(2017_yd_index_zw4.png) no-repeat;}
.zw_nav li.zw5:hover{background: url(2017_yd_index_zw5.png) no-repeat;}

.zxgk{ width:100%;height: 220px;overflow: hidden;float: left;margin-top: 11px;}
.zxgk .hd{ line-height:44px; height:44px;border-bottom: 1px solid #d1d1d1;}
.zxgk .hd ul{ z-index:5; height:44px; zoom:1;float: left; }
.zxgk .hd li{ float:left;width: 90px; cursor:pointer; height: 45px; line-height:45px;color: #333;font-size: 16px;text-align: center;margin-right: 10px;}
.zxgk .hd li.on{ height:44px; line-height:44px; color:#0168b7; border-bottom: 1px solid #0168b7;}
.zxgk .hd li a:hover{ text-decoration: none;}
.zxgk .hd .more{ float:right;font-size: 12px;color: #999;}
.zxgk .bd{  width:100%;float: left; position:relative;margin-top: 10px;}
.zxgk .bd ul li{float: left;line-height: 30px;width: 100%;}
.zxgk .bd ul li a{float: left;color: #333;font-size: 14px;}
.zxgk .bd ul li span{float: right;color: #b7b7b7;font-size: 12px;}

.focus2{width: 520px;height: 76px;overflow: hidden;position:relative;}
.focus2 .hd{ height:15px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:1; }
.focus2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.focus2 .hd ul li{ float:left; margin-right:1px;  width:18px; height:18px; line-height:14px; text-align:center; background:#52747f; cursor:pointer;color: #fff;font-size: 12px;}
.focus2 .hd ul li.on{ background:#cc0000; color:#fff; }
.focus2 .bd{ position:relative; height:100%; z-index:0;   }
.focus2 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.focus2 .bd img{ width:520px; height:76px; display:block;  }

.right_box{width: 560px;height: 475px;}
.service{width: 520px;height: 148px;background: #fff;padding: 20px 20px 0 20px;box-shadow:1px 1px 8px 1px #b8b8b8;overflow: hidden;margin-bottom: 20px;}
.service p.fl{width: 130px;height: 30px;line-height: 30px;font-size: 12px;color: #0168b7;}
.service p.fl b{font-size: 24px;color: #333;padding-right: 5px;}
.service .hd{ height:30px; line-height:30px; position:relative; }
.service .hd ul{ float:right; height:30px;   }
.service .hd ul li{ float:left;width: 79px;height: 30px;line-height: 30px;font-size: 14px;text-align: center;margin-right: 3px;}
.service .hd ul li a{display:block; width:100%; height:100%;background: #f0f0f0;color: #a6a6a6;}
.service .hd ul li a:hover{ background:#0168b7;color: #fff;text-decoration:none;}
.service .bd ul{ width: 582px;  zoom:1; margin-top: 10px;}
.service .bd li{ height:30px; line-height:30px;float: left;width: 130px;padding-left: 30px;margin-right: 34px;}
.service .bd li.fw1{background: url(2017_yd_index_service1.png) no-repeat 3px center;}
.service .bd li.fw2{background: url(2017_yd_index_service2.png) no-repeat 3px center;}
.service .bd li.fw3{background: url(2017_yd_index_service3.png) no-repeat 3px center;}
.service .bd li.fw4{background: url(2017_yd_index_service4.png) no-repeat 3px center;}
.service .bd li.fw5{background: url(2017_yd_index_service5.png) no-repeat 3px center;}
.service .bd li.fw6{background: url(2017_yd_index_service6.png) no-repeat 3px center;}
.service .bd li.fw7{background: url(2017_yd_index_service7.png) no-repeat 3px center;}
.service .bd li.fw8{background: url(2017_yd_index_service8.png) no-repeat 3px center;}
.service .bd li.fw9{background: url(2017_yd_index_service9.png) no-repeat 3px center;}
.service .bd li a{text-decoration: none;font-size: 14px;color: #333;}
.service .bd li a:hover{color: #0168b7;}

.wz_box{width: 230px;height: 248px;margin-right: 20px;box-shadow:1px 1px 8px 1px #b8b8b8;overflow: hidden;background: #fff;padding: 20px;}
.wz_title{width: 100%;height: 30px;line-height: 30px;float: left;}
.wz_title p.fl{width: 163px;height: 30px;line-height: 30px;font-size: 12px;color: #0168b7;}
.wz_title p.fl b{font-size: 24px;color: #333;padding-right: 5px;}
.wz_title a{width: 67px;height: 30px;text-align: center;display: block;font-size: 14px;color: #999;background: #f0f0f0;text-decoration: none;float: left;}
.wz_box .add{width: 100%;height: 110px;border-bottom: 1px dashed #d1d1d1;float: left;}
.wz_box .add li{float: left;line-height: 30px;width: 100%;}
.wz_box .add li img{float: left;margin-right: 3px;margin-top: 9px;}
.wz_box .add li a{float: left;font-size: 14px;color: #333;}
.wz_box .add li span{float: right;font-size: 12px;color: #999;}

.wz_box .chat{float: left;width: 252px;}
.wz_box .chat li{width: 70px;margin-right: 14px;float: left;line-height: 26px;}
.wz_box .chat li a{font-size: 14px;color: #999;text-decoration: none;}
.wz_box .chat li a:hover{color: #0168b7;}
.fwtel{display: block;margin-top: 10px;float: left;}

.ly_box{width: 230px;height: 266px;padding: 20px 20px 0 20px;background: #fff;box-shadow:1px 1px 8px 1px #b8b8b8;overflow: hidden;}
.ly_box p.fl{width: 100%;height: 30px;line-height: 30px;font-size: 12px;color: #0168b7;}
.ly_box p.fl b{font-size: 24px;color: #333;padding-right: 5px;}
.travel_pic{margin-top: 14px;width: 240px;height: 118px;float: left;}
.travel_pic li{float: left;margin-right: 10px;width: 110px;height: 77px;text-align: center;}
.travel_pic li a{font-size: 12px;color: #333;}
.travel_txt{float: left;width: 272px;}
.travel_txt li{float: left;width: 100px;padding-left: 36px;margin-bottom: 10px;line-height: 22px;}
.travel_txt li a{display: block;font-size: 12px;color: #333;}
.travel_txt li.ly1{background: url(2017_yd_index_travel_1.png) no-repeat left center;}
.travel_txt li.ly2{background: url(2017_yd_index_travel_2.png) no-repeat left center;}
.travel_txt li.ly3{background: url(2017_yd_index_travel_3.png) no-repeat left center;}
.travel_txt li.ly4{background: url(2017_yd_index_travel_4.png) no-repeat left center;}
.travel_txt li.ly5{background: url(2017_yd_index_travel_5.png) no-repeat left center;}
.travel_txt li.ly6{background: url(2017_yd_index_travel_6.png) no-repeat left center;}

.ztzl3{width: 100%;height: 80px;background: #fff;box-shadow:1px 1px 8px 1px #b8b8b8;overflow: hidden;margin:20px 0px;}
.ztzl3 span{float: left;width: 38px;height: 80px;display: block;background: url(2017_yd_index_ztzltitle.png) no-repeat;}
.ztzl_box{width: 1056px;height: 60px;padding:10px 23px;overflow:hidden; position:relative; }
.ztzl_box .prev{ display:block;  width:13px; height:24px; float:left; margin-right:22px; margin-top:20px;  overflow:hidden;cursor:pointer;background: url(2017_yd_index_ztzl3_pre.png) no-repeat;}
.ztzl_box .next{ display:block;  width:13px; height:24px; float:right; margin-left:22px; margin-top:20px;  overflow:hidden;cursor:pointer;background: url(2017_yd_index_ztzl3_next.png) no-repeat;}
.ztzl_box .bd .tempWrap{width: 986px !important;}
.ztzl_box .bd ul{ overflow:hidden; zoom:1; }
.ztzl_box .bd ul li{ width: 189px;height: 60px;margin-right: 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.ztzl_box .bd ul li .pic img{ width:189px; height:60px; display:block; }



@media screen and (max-width: 1140px){
	.section{ width: 100%; margin-top: 10px;}
	.box1{ width: 100%; height: auto; padding: 10px 1% ; box-sizing: border-box; margin: 0 auto;}
	.focus{ float: none !important; margin: 0 auto;}
	.yd_news{ float: none !important; width: 100%; height: auto; position: static; padding-top: 0;}
	.yd_news .hd{ position: static;}
	.yd_news .hd ul{ float: none; position: static; width: 100%;}
	.yd_news .hd ul li{ width: 20%; box-sizing: border-box; margin: 0; white-space: nowrap;}
	.yd_title{ position: static; height: auto; padding-bottom: 10px;}
	.yd_news .hd ul li.on{ height: 40px;}
	
	.ztzl1{ width: 100%; height: auto; margin: 10px auto; float: none;}
	.ztzl1 img{ display: block; width: 100%; height: 100%;}
	
	.left_box{ float: none !important; width: 100%; height: auto; padding: 10px 1%; box-sizing: border-box; margin: 0 auto;}
	.left_box p.fl{ height: 30px; line-height: 30px;}
	.zw_nav{ width: 100%; height: auto; margin-top: 5px;}
	.zw_nav li{ width: 19.6%; margin-left: 0.5%; margin-right: 0; background: #F0F0F0 !important; height: 50px; line-height: 50px; overflow: hidden;}
	.zw_nav li:first-child{ margin-left: 0;}
	.zw_nav li:hover{ background: #0168B7 !important;}
	.zxgk{ height: 210px;}
	.zxgk .hd .more{ display: none !important;}
	.zxgk .hd ul{ width: 100%;}
	.zxgk .hd li{ width: 25%; margin: 0;}
	
	.right_box{ float: none !important; width: 100%; height: auto; padding: 0; box-sizing: border-box; margin-top: 10px;}
	.service{ float: none !important; width: 100%; height: auto; box-sizing: border-box; padding: 10px 1%; margin-bottom: 10px;}
	.service .bd ul{ width: 100%;}
	.service .bd li{ width: 33.33%; margin: 0; box-sizing: border-box;}
	
	.wz_box,.ly_box{ width: 49.5%; box-sizing: border-box; padding: 20px 1%;}
	.wz_box{ margin-right: 1%; height: 288px;}
	.ly_box{ height: 288px;}
	.wz_title a{ float: right;}
	.wz_box .chat{ width: 100%;}
	.wz_box .chat li{ width: 33.33%; margin: 0;}
	.travel_pic{ width: 100%; margin-top: 0;}
	.travel_pic li{ width: 49.5%; margin-right: 1%;}
	.travel_pic li:last-child{ margin-right: 0;}
	.travel_pic li img{ display: block; margin: 0 auto;}
	.travel_txt{ width: 100%;}
	.travel_txt li{ width: 33.33%; box-sizing: border-box;}
	
	.ztzl3{ width: 100%; margin: 10px 0; position: relative; padding: 0 10px 0 20px; overflow: hidden; box-sizing: border-box;}
	.ztzl3 span{ position: absolute; left:0; top:0;}
	.ztzl_box{ position: static;}
	.ztzl_box .prev,.ztzl_box .next{ display: none;}
}

@media screen and (max-width: 760px){
	.wz_box{ width: 100%; float: none !important; height: auto; margin: 0; padding: 10px 1%;}
	.ly_box{ width: 100%; float: none !important; height: auto; margin-top: 10px; padding: 10px 1%;}
}


@media screen and (max-width: 560px){
	.focus,.focus2,.focus .bd img,.focus2 .bd img{ width: 100%; height: auto;}
}

@media screen and (max-width: 480px){
	.left_box p.fl,.service p.fl,.wz_title p.fl,.ly_box p.fl{ font-size: 10px;}
	.left_box p.fl b,.service p.fl b,.wz_title p.fl b,.ly_box p.fl b{ font-size: 16px;}

	.yd_title h2{ font-size: 16px; height: 36px; line-height: 36px;}
	.yd_news .bd li a,.zxgk .bd ul li a{ max-width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	
	.service .bd li{ width: 50%;}
}


@media screen and (max-width: 360px){
	.yd_news .hd ul li a{ font-size: 14px;}
	
}